@charset "utf-8";
/* CSS Document */

/*
#####################################################################

	目次【INDEX】
	
#####################################################################


************************** レイアウトモジュール【layout-module】 **************************


　＿ファーストビューモジュール05【.firstview-module-05】

　＿ナビゲーションモジュール01【.navigation-module-01】

　＿ギャラリーモジュール06【.gallery-module-06】

　＿ギャラリーモジュール07【.gallery-module-07】

　＿アバウトモジュール08【.about-module-08】

　＿アバウトモジュール09【.about-module-09】

　＿アバウトモジュール10【.about-module-10】

　＿詳細ページモジュール05【.detail-module-05】


************************** 【個別ページ】 **************************


■トップ【#TOP】


■ワークス【#WORKS】


■アバウト【#ABOUT】


■コンタクト【#CONTACT】



*/


/*
#####################################################################

	レイアウトモジュール【layout-module】
	
#####################################################################
*/

/* ****************************************************
  コモンスタイル01【.common-style-01】 
***************************************************** */

.common-style-01 .header_container{ min-height:90px;}

@media all and (-ms-high-contrast:none) {/*IE11ハック*/
	*::-ms-backdrop, .common-style-01 .header_container { padding-top:27px;}
}
@media all and (-ms-high-contrast:none) {/*IE10ハック*/
	.common-style-01 .header_container { padding-top:27px;}
}

@media screen and (max-width : 767px){
	.common-style-01 .header_container{ min-height:0; padding-top:0;}
}

/*ロゴ*/
.common-style-01 .logo,
.common-style-01 .logo img{  width: auto; height:60px;line-height: 60px; }
.common-style-01 .logo{ z-index:10;}

@media screen and (max-width : 767px){
	.common-style-01 .logo, .common-style-01 .logo img{ height:42px;line-height: 42px;}
	.common-style-01 .logo{ margin-top:16px; position: absolute;}
}

@media screen and (max-width : 479px){
	.common-style-01 .logo, .common-style-01 .logo img{ height:37px;line-height: 37px;}
}


/*ナビゲーション*/
.common-style-01 .Navigation a.active{ color:#318fc5;}
.common-style-01 .Navigation .active::after {
    content: ""; display: block; position:absolute; width: 100%;
    background-color: #318fc5;
	height: 4px; bottom:-38px;
}

.common-style-01 .dropdown_body .Navigation{ font-size: 0.83rem; letter-spacing:0.09rem ; max-width: 450px;}
.common-style-01 .nav_icon { position: absolute; right: -15px;}

@media screen and (min-width : 768px){
	.common-style-01 .slide-toggle .dropdown_body { display: inline!important; }
}
@media screen and (max-width : 767px){
	.common-style-01 .padding-r-m{ padding:0 !important;}
	.common-style-01 .slide-toggle .dropdown_body {
		display: none;
	}
	
	.common-style-01 .header_container,.common-style-01 .footer_container{ -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;}
	
	.common-style-01 .dropdown_body .Navigation {
		-webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;
		-webkit-justify-content: space-around; justify-content: space-around;
		max-width: 100vw;
		height: 50vh;
		min-height: 340px;
		padding:50px 0 6%;
		font-size: 0.9rem;
	}
	.common-style-01 .dropdown_container{ min-height:50px;}
	
	.common-style-01 .Navigation .active::after {
		position:relative; bottom:-8px; height:2px;
	}
}

/*サブナビゲーション*/
.common-style-01 .suvNav-module{
    position: absolute;width: 100%;
    top: 90px; left: 0; display:none;
}
.common-style-01 .suvNav-module .close-btn{z-index:1; -ms-transform: scale(0.7); -webkit-transform: scale(0.7); transform: scale(0.7);}
.common-style-01 .suvNav-module .close-btn::before,
.common-style-01 .suvNav-module .close-btn::after{ height:18px; width:2px;}
.common-style-01 .suvNav_container{  min-height:60px; padding-left:172px;}
.common-style-01 .suvNav_container .Navigation li{ margin-right:40px; font-size: 0.83rem; letter-spacing:0.09rem ; }
.common-style-01 .suvNav_container .Navigation li:last-child{ margin:0;}

@media all and (-ms-high-contrast:none) {/*IE11ハック*/
	*::-ms-backdrop, .common-style-01 .suvNav_container { padding-top:22px; padding-left:162px;}
}
@media all and (-ms-high-contrast:none) {/*IE10ハック*/
	.common-style-01 .suvNav_container { padding-top:22px; padding-left:162px;}
}

@media screen and (max-width : 767px){
	.common-style-01 .suvNav-module{  top: 50px; display:none;}
	.common-style-01 .suvNav_container{ min-height:0; padding-left:0;}
	.common-style-01 .suvNav_container .Navigation li{ margin-right:0; margin-bottom:20px;}
	.common-style-01 .suvNav_container .Navigation li:last-child{ margin:0;}
	
	.common-style-01 .suvNav_dropdown_body{ width:100%;}
	.common-style-01 .suvNav_dropdown_body .Navigation{
		-webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;
		max-width: 100vw;
		padding: 25px 15px;
		font-size: 0.9rem;
	}
}


/*右エリア*/
.common-style-01 .button {
	min-width: 110px; padding:10px 8px 8px 16px !important;
	font-size: 0.83rem; letter-spacing:0.09rem ;
}
.common-style-01 .button::after{font-size:0.7rem; }


/*キャッチコピー*/
.common-style-01 .mv-txt h2{ word-break:break-all !important;}


/* ****************************************************
  ファーストビューモジュール05【.firstview-module-05】
***************************************************** */

.firstview-module-05{ position: relative; min-height: 480px;}

/*ヘッダー*/
.firstview-module-05 .head-top-absolute{width: 50%; position:fixed; z-index:11;}
.firstview-module-05 .head-top-absolute .logo{ margin-top:70px;}
@media screen and (max-width : 767px){
	.firstview-module-05 .head-top-absolute .logo{ margin-top:24px;}
}
@media screen and (max-width : 479px){
	.firstview-module-05 .head-top-absolute .logo{ margin-top:17px;}
}

/*ナビゲーション*/
.firstview-module-05 .globalNavigation-module-01{ z-index:10;}
.firstview-module-05 .globalNavigation-module-01 .Navigation { margin-top:40px;}
.firstview-module-05 .globalNavigation-module-01 .Navigation a{ color:#000;}

@media screen and (max-width : 767px){
	.firstview-module-05 header .padding-lr-m{ padding:0 !important;}
	.firstview-module-05 .Navigation { background-color: #fff; }
	.firstview-module-05 .globalNavigation-module-01 .nav_icon a {
		right: 20px;
	}
}

/*画像*/
.firstview-module-05 section{ position:relative;}
.firstview-module-05 .maxsizeBox-h-xl { max-height: 100vh; }
.firstview-module-05 .minsizeBox-h-xl{ min-height:100vh;}
.firstview-module-05 .thumbnail img{ min-height:100%;}

@media all and (-ms-high-contrast:none) {/*IE11ハック*/
	*::-ms-backdrop, .firstview-module-05 .thum-box {
		 min-height:100vh; max-height:100vh;
	}
}
@media all and (-ms-high-contrast:none) {/*IE10ハック*/
	.firstview-module-05 .thum-box {
		 min-height:100vh; max-height:100vh;
	}
}

/*テキスト*/
.firstview-module-05 .mv-txt {
	position: absolute; top:0; width:100%; height:100%;
	padding-right:30% !important;
}

.firstview-module-05 .mv-txt .separate-w-m{ width: 10vw; }
.firstview-module-05 .mv-txt h2{ margin-bottom:10px; }
.firstview-module-05 .mv-txt h2 img{ width:48vw; height:auto;}

@media screen and (min-width : 1440px){
	.firstview-module-05 .mv-txt .separate-w-m{ width: 170px; }
	.firstview-module-05 .mv-txt h2 img{ height:auto; max-width:800px;}
}


@media screen and (max-width : 767px){
	.firstview-module-05 .mv-txt { padding-right:15% !important; }
	.firstview-module-05 .mv-txt h2{ margin-bottom:30px; }
	.firstview-module-05 .mv-txt h2 img{ width:65vw; height:auto;}

}

@media screen and (max-width : 479px){
	.firstview-module-05 .mv-txt { padding-right: 20px !important; }
	.firstview-module-05 .mv-txt{ text-align:center;}
	.firstview-module-05 .mv-txt .separate-w-m{ display:none;}
	.firstview-module-05 .mv-txt {
		-webkit-align: center; -webkit-align-items: center; -ms-flex-align:center; align-items: center;
		-webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;
	}
	.firstview-module-05 .mv-txt h2{ margin-bottom:18px; }
	.firstview-module-05 .mv-txt h2 img{ width:70vw; height:auto;}
}

/*スクロールエリア*/
.firstview-module-05 .mv-scroll{ min-width:125px;}
.firstview-module-05 .mv-scroll .flexbox > div{ word-break:normal !important;}
.firstview-module-05 .mv-scroll .icon-txt{ display:inherit; margin-top: 82vh;}
.firstview-module-05 .mv-scroll .icon-txt .p1-EN{ font-size:10px; min-width:80px;/*旧ブラウザ対策*/ letter-spacing:0.8rem; margin-top:4px;  word-wrap: normal !important;/*折り返し対策*/}
.firstview-module-05 .mv-scroll .icon-txt .icon-box{ width:79px;}

@media screen and (max-width : 767px){
	.firstview-module-05 .mv-scroll .icon-txt{ margin-bottom: 45px;}
	.firstview-module-05 .mv-scroll{ min-width: 60px;}
	.firstview-module-05 .mv-scroll .icon-txt .p1-EN{ font-size:9px; margin-top:5px;}
}

@media screen and (max-width : 479px){
	.firstview-module-05 .mv-scroll{ display:none;}
}

/*スマホ用のスクロールエリア*/
.firstview-module-05 .mv-scroll02{
	position: absolute;
	bottom: 80px; left: 50%; margin-left: -12px;
}


/* ****************************************************
  ファーストビューモジュール06【.firstview-module-06】
***************************************************** */

.firstview-module-06{ position: relative; min-height: 480px;}

/*ヘッダー*/
.firstview-module-06 .head-top-absolute{width: 50%; position:fixed; z-index:11;}
.firstview-module-06 .head-top-absolute .logo{ margin-top:70px;}
@media screen and (max-width : 767px){
	.firstview-module-06 .head-top-absolute .logo{ margin-top:24px;}
}
@media screen and (max-width : 479px){
	.firstview-module-06 .head-top-absolute .logo{ margin-top:17px;}
}

/*ナビゲーション*/
.firstview-module-06 .globalNavigation-module-01{ z-index:10;}
.firstview-module-06 .globalNavigation-module-01 .Navigation { margin-top:0;}
.firstview-module-06 .globalNavigation-module-01 .Navigation a{ color:#000;}

@media screen and (max-width : 767px){
	.firstview-module-06 header .padding-lr-m{ padding:0 !important;}
	.firstview-module-06 .Navigation { background-color: #fff; }
	.firstview-module-06 .globalNavigation-module-01 .nav_icon a {
		right: 20px;
	}
}

/*画像*/
.firstview-module-06 section{ position:relative;}
.firstview-module-06 .maxsizeBox-h-xl { max-height: 100vh; }
.firstview-module-06 .minsizeBox-h-xl{ min-height:100vh;}
.firstview-module-06 .thumbnail img{ min-height:100%;}

@media all and (-ms-high-contrast:none) {/*IE11ハック*/
	*::-ms-backdrop, .firstview-module-06 .thum-box {
		 min-height:100vh; max-height:100vh;
	}
}
@media all and (-ms-high-contrast:none) {/*IE10ハック*/
	.firstview-module-06 .thum-box {
		 min-height:100vh; max-height:100vh;
	}
}

/*タイトル（全体）*/
.firstview-module-06 .thum-title{ position:absolute !important; width:100%;}
.firstview-module-06 .thum-title .bg-white{ padding-top:55px; padding-bottom:55px;}
.firstview-module-06 .thum-title .position-inner-centerLeft{ position:relative;}

@media screen and (max-width : 1199px){
	.firstview-module-06 .thum-title .bg-white{ padding-top:40px; padding-bottom:40px;}
}
@media screen and (max-width : 767px){
	.firstview-module-06 .thum-title .bg-white{ padding-top:30px; padding-bottom:30px;}
}
@media screen and (max-width : 479px){
	.firstview-module-06 .thum-title .bg-white{  padding-top:25px; padding-bottom:25px;}
}

/*タイトル（マスク文字、画像）*/
.firstview-module-06 .thum-title h3{ font-size: 4.5vw !important;  letter-spacing: 0.6rem;}
.firstview-module-06 .thum-title .separate-w-s{ width: 6vw; }
.backgroundcliptext .thum-title .mask-bg01{
	background-image: url(../img/works/01/thum-img.jpg);
	background-position:-626px -632px;/*背景の位置の調整*/
}
.backgroundcliptext .thum-title .mask-bg02{
	background-image: url(../img/works/02/thum-img.jpg);
	background-position:-528px -421px;/*背景の位置の調整*/
}
.backgroundcliptext .thum-title .mask-bg03{
	background-image: url(../img/works/03/thum-img.jpg);
	background-position:-1746px -383px;/*背景の位置の調整*/
}
.backgroundcliptext .thum-title .mask-bg04{
	background-image: url(../img/works/04/thum-img.jpg);
	background-position:-144px -581px;/*背景の位置の調整*/
}
.backgroundcliptext .thum-title .mask-bg05{
	background-image: url(../img/works/05/thum-img.jpg);
	background-position:-528px -645px;/*背景の位置の調整*/
}
.backgroundcliptext .thum-title .mask-bg06{
	background-image: url(../img/works/06/thum-img.jpg);
	background-position:-218px -784px;/*背景の位置の調整*/
}
.firstview-module-06 .thum-title .thum-title .bg-white{  padding-top:60px; padding-bottom:28px;}
@media screen and (min-width : 1440px){
	.firstview-module-06 .thum-title h3{ font-size:90px; }
}

@media screen and (max-width : 1199px){
	.firstview-module-06 .thum-title .bg-white{  padding-top:45px; padding-bottom:22px;}
}
@media screen and (max-width : 991px){
	.backgroundcliptext .thum-title .mask-bg01{ background-position:-655px -658px;/*背景の位置の調整*/ }
	.backgroundcliptext .thum-title .mask-bg02{ background-position:-608px -391px;/*背景の位置の調整*/ }
	.backgroundcliptext .thum-title .mask-bg03{ background-position:-3177px -409px;/*背景の位置の調整*/ }
	.backgroundcliptext .thum-title .mask-bg04{ background-position:-144px -581px;/*背景の位置の調整*/ }
	.backgroundcliptext .thum-title .mask-bg05{ background-position:-548px -667px;/*背景の位置の調整*/ }
	.backgroundcliptext .thum-title .mask-bg06{ background-position:252px -634px;/*背景の位置の調整*/ }
}
@media screen and (max-width : 767px){
	.firstview-module-06 .thum-title .bg-white{  padding-top:38px; padding-bottom:18px;}
	.firstview-module-06 .thum-title h3{font-size: 7.5vw !important; letter-spacing: 0.3rem; }
	.firstview-module-06 .thum-title .p1-EN{ font-size:0.5rem !important;}

}
@media screen and (max-width : 479px){
	.firstview-module-06 .thum-title .bg-white{  padding-top:28px; padding-bottom:16px;}
	.firstview-module-06 .thum-title h3{font-size: 8.5vw !important;}
	
	.backgroundcliptext .thum-title .mask-bg01{ background-position:-1036px -658px;/*背景の位置の調整*/ }
	.backgroundcliptext .thum-title .mask-bg02{ background-position:-608px -391px;/*背景の位置の調整*/ }
	.backgroundcliptext .thum-title .mask-bg03{ background-position:-2316px -423px;/*背景の位置の調整*/ }
	.backgroundcliptext .thum-title .mask-bg04{ background-position:-144px -581px;/*背景の位置の調整*/ }
	.backgroundcliptext .thum-title .mask-bg05{ background-position:371px -755px;/*背景の位置の調整*/ }
	.backgroundcliptext .thum-title .mask-bg06{ background-position:252px -634px;/*背景の位置の調整*/ }

}


/*スクロールエリア*/
.firstview-module-06 .mv-scroll{ min-width:125px;}
.firstview-module-06 .mv-scroll .flexbox > div{ word-break:normal !important;}
.firstview-module-06 .mv-scroll .icon-txt{ display:inherit; margin-top: 82vh;}
.firstview-module-06 .mv-scroll .icon-txt .p1-EN{ font-size:10px; min-width:80px;/*旧ブラウザ対策*/ letter-spacing:0.8rem; margin-top:4px;  word-wrap: normal !important;/*折り返し対策*/}
.firstview-module-06 .mv-scroll .icon-txt .icon-box{ width:79px;}

@media screen and (max-width : 767px){
	.firstview-module-06 .mv-scroll .icon-txt{ }
	.firstview-module-06 .mv-scroll{ min-width: 60px;}
	.firstview-module-06 .mv-scroll .icon-txt .p1-EN{ font-size:9px; margin-top:5px;}
}

@media screen and (max-width : 479px){
	.firstview-module-06 .mv-scroll{ display:none;}
}



/* ****************************************************
  グローバルナビゲーションモジュール01【.globalNavigation-module-01】
***************************************************** */

/*全体、ナビアイコン*/
.globalNavigation-module-01{
	top:0; right:0; position:fixed !important;overflow: hidden;
	-webkit-transition: all 600ms cubic-bezier(0.19, 1, 0.22, 1); transition: all 600ms cubic-bezier(0.19, 1, 0.22, 1);
	min-width:130px; height: 200px;
}
.globalNavigation-module-01.active{ height:100vh !important;}
.globalNavigation-module-01 .nav_icon{ width:100%; height:200px; right:0;}
.globalNavigation-module-01 .nav_icon a{ padding:0;}

@media screen and (max-width : 991px){
	.globalNavigation-module-01{ min-width:auto;}
	
	.globalNavigation-module-01 .nav_icon .n_hamburger02{ margin-right:-5px;}
}

@media screen and (max-width : 767px){
	.globalNavigation-module-01.active{ height:100vh !important;}
	.globalNavigation-module-01,
	.globalNavigation-module-01 .nav_icon{ height:90px;}
	.globalNavigation-module-01 .nav_icon a{ position: absolute; right: 0; width:60px; }
}
@media screen and (max-width : 479px){
	.globalNavigation-module-01,
	.globalNavigation-module-01 .nav_icon{ height:70px;}
	.globalNavigation-module-01 .nav_icon a{ width:45px; }
}

/*ハンバーガーメニュー、テキスト*/
.globalNavigation-module-01 .nav_txt{ margin-right: 15px; font-size: 10px; letter-spacing: 0.35rem; }
@media screen and (max-width : 991px){
	.globalNavigation-module-01 .nav_txt{ display:none;}
}
@media screen and (max-width : 479px){
	.globalNavigation-module-01 .nav_txt{ display:none;}
}


/*ナビゲーション*/
.globalNavigation-module-01 .Navigation{
	height:100vh; min-height:600px; padding-top:30px; margin-top:-200px;/*ナビアイコン分マイナス*/
	font-size: 13px; letter-spacing:0.25rem; font-weight:600;
}
.globalNavigation-module-01 .Navigation a{ color:#FFF;}
.globalNavigation-module-01 .Navigation li{ margin-bottom:75px;}
.globalNavigation-module-01 .Navigation li:last-child{ margin-bottom:0 !important;}

@media screen and (max-height : 700px){
	.globalNavigation-module-01 .Navigation li{ margin-bottom:50px;}
}

@media screen and (max-width : 991px){
	.globalNavigation-module-01 .Navigation{ font-size:11px;}
}

@media screen and (max-width : 767px){
	.globalNavigation-module-01 .Navigation {
		font-size:16px;
		height:100vh; min-height:340px;
		margin-top:-50px;/*ナビアイコン分マイナス*/
	}
	.globalNavigation-module-01 .Navigation li{ margin-bottom:95px;}
}

@media screen and (max-width : 479px){
	.globalNavigation-module-01 .Navigation {
		margin-top:-50px;/*ナビアイコン分マイナス*/
	}
	.globalNavigation-module-01 .Navigation li{ margin-bottom:85px;}
}

/* ****************************************************
  ギャラリーモジュール06【.gallery-module-06】
***************************************************** */

.gallery-module-06{ position:relative; overflow:hidden;}


/*画像*/
.gallery-module-06 .thumbnail .thum-box{ background-color:#000;}
.gallery-module-06 .thumbnail .thum-box a{
	width:100%; height:100%;
}
@media screen and (max-width : 767px){
	.gallery-module-06 .thumbnail .thum-box{ height:400px;}
}
@media screen and (max-width : 479px){
	.gallery-module-06 .thumbnail .thum-box{ height: 40vh;}
}

/*タイトル（全体）*/
.gallery-module-06 .thum-title{ position:absolute !important; width:100%;}
.gallery-module-06 .thum-title .bg-white{  padding-top:30px; padding-bottom:95px;}
.gallery-module-06 .thum-title .position-inner-centerLeft{ position:relative;}

@media screen and (max-width : 1199px){
	.gallery-module-06 .thum-title .bg-white{  padding-top:30px; padding-bottom:70px;}
}
@media screen and (max-width : 767px){
	.gallery-module-06 .thum-title .bg-white{  padding-top:20px; padding-bottom:60px;}
}
@media screen and (max-width : 479px){
	.gallery-module-06 .thum-title .bg-white{  padding-top:15px; padding-bottom:45px;}
}

/*タイトル（マスク文字、画像）*/
.gallery-module-06 h3{font-size: 4.5vw;  letter-spacing: 0.6rem;}
.gallery-module-06 .mask-bg01{
	background-image: url(../img/works/01/thum-img.jpg);
	background-position:-786px -184px;/*背景の位置の調整*/
}
@media screen and (max-width : 767px){
	.gallery-module-06 h3{font-size: 5.5vw; letter-spacing: 0.3rem; }
}

@media all and (-ms-high-contrast:none) {/*IE11ハック*/
	*::-ms-backdrop, .gallery-module-06 .image-mask{ color: inherit; background-image:none;}
}

@media all and (-ms-high-contrast:none) {/*IE10ハック*/
	.gallery-module-06 .image-mask{ color: inherit; background-image:none;}
}

/*タイトル（もっと見る）*/
.gallery-module-06 .thum-title .more-btn{letter-spacing:0.5rem; right: 7%; bottom: 16%;}
.gallery-module-06 .thum-title .more-btn .p1-EN{ line-height:20px;}

@media screen and (max-width : 767px){
	.gallery-module-06 .thum-title .more-btn{bottom: 9%; letter-spacing:0.4rem;}
	.gallery-module-06 .thum-title .more-btn .p1-EN{font-size: 0.5rem !important; }
}


/*ホバー時の設定*/
.gallery-module-06 .thumbnail .thum-box a,
.gallery-module-06,
.gallery-module-06 .thum-title .more-btn
{
	-webkit-transition:400ms 0s; -moz-transition:400ms 0s; transition:400ms 0s;
	
	/*アニメ高速化指定*/
	-webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.gallery-module-06 .thum-title,
.gallery-module-06 .thum-title .flex-lg-8,
.gallery-module-06 .thum-title .flex-sm-2{
	/*easeOutExpo*/
	-webkit-transition: all 600ms cubic-bezier(0.19, 1, 0.22, 1);
	-moz-transition: all 600ms cubic-bezier(0.19, 1, 0.22, 1);
	transition: all 600ms cubic-bezier(0.19, 1, 0.22, 1);
	
	/*アニメ高速化指定*/
	-webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.gallery-module-06.hover .thum-box a{
	-ms-transform: scale(1.04); -webkit-transform: scale(1.04); transform: scale(1.04);
}
.gallery-module-06{
	-webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); filter: grayscale(100%);
}
.gallery-module-06.hover{
	-webkit-filter:grayscale(0%); -moz-filter:grayscale(0%); -ms-filter:grayscale(0%); filter: grayscale(0%);
}

.gallery-module-06 .thum-title .more-btn{
	filter: alpha(opacity=0); -moz-opacity:0; opacity:0;
}
.gallery-module-06.hover .thum-title .more-btn{ filter: alpha(opacity=100); -moz-opacity:1.0; opacity:1.0;}
.gallery-module-06.hover .thum-title .more-btn a .icon-box{ width:35px;}
.gallery-module-06 .thum-title .more-btn a:hover .icon-box{ width:50px;}

/* ****************************************************
  ギャラリーモジュール07【.gallery-module-07】
***************************************************** */

.gallery-module-07{ position:relative;}

/*スライドエリア【slides】*/
.gallery-module-07 .flexslider{ overflow:visible;}
.gallery-module-07 .flexslider .slides li { height: auto; }

.gallery-module-07 .flexslider .slides li a img{ -webkit-transition:400ms 0s; -moz-transition:400ms 0s; transition:400ms 0s; }
.gallery-module-07 .flexslider .slides li a.hover img{
	-ms-transform: scale(1.04); -webkit-transform: scale(1.04); transform: scale(1.04);
}
@media all and (-ms-high-contrast:none) {/*IE11ハック*/
	*::-ms-backdrop, .gallery-module-07 .flexslider .slides li a{ -webkit-transition:400ms 0s; -moz-transition:400ms 0s; transition:400ms 0s; }
	.gallery-module-07 .flexslider .slides li a.hover{
		-ms-transform: scale(1.04); -webkit-transform: scale(1.04); transform: scale(1.04);
	}
}
@media all and (-ms-high-contrast:none) {/*IE10ハック*/
	.gallery-module-07 .flexslider .slides li a{ -webkit-transition:400ms 0s; -moz-transition:400ms 0s; transition:400ms 0s; }
	.gallery-module-07 .flexslider .slides li a.hover{
		-ms-transform: scale(1.04); -webkit-transform: scale(1.04); transform: scale(1.04);
	}
}

/*タイトルコントロール【flex-control-paging】*/
.gallery-module-07 .flex-control-nav {
    width: auto; text-align: right;
	top: 50%; right: -130px; margin-top: -138px; height: 270px;
}
.gallery-module-07 .flex-control-nav li { display: block; margin:0 0 -1px 0;}
.gallery-module-07 .flex-control-paging li a {
    width: auto; height: auto; line-height:1; text-indent: 0; color:#FFFFFF; font-size:0.1rem; position:relative; display: inline-block;
	-webkit-border-radius: inherit; -moz-border-radius: inherit; -o-border-radius: inherit; border-radius: inherit;	
	/*詳細設定*/
	font-family: 'Roboto', sans-serif;
	padding:25px 35px;
	font-weight:500;
	letter-spacing: 0.3rem;
	background-color: #FFF !important;
}

.gallery-module-07 .flex-control-paging li a:hover { filter: alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; }
.gallery-module-07 .flex-control-paging li a.flex-active{ padding-right:125px !important; }
.gallery-module-07 .flex-control-paging li a:after{ font-size:2.5rem; color:#000;}
.gallery-module-07 .flex-control-paging li:nth-child(1) a:after  { content: "IROKH"; }
.gallery-module-07 .flex-control-paging li:nth-child(2) a:after  { content: "JOSEPH SPOON"; }
.gallery-module-07 .flex-control-paging li:nth-child(3) a:after  { content: "UNSIGNED"; }
.gallery-module-07 .flex-control-paging li a:before{
	content:''; display:block; position:absolute; width:0%;	
	/*詳細設定*/
	color:#000;
	height:1px;
	bottom:50%;
	right:40px;
	background-color:currentcolor;
}



.gallery-module-07 .flex-control-paging li a.flex-active:before{
	-webkit-animation: gallerymodule07link-animeline 0.6s cubic-bezier(0.19, 1, 0.22, 1);-webkit-animation-fill-mode:forwards; animation-fill-mode:forwards;/*実行後のスタイルの維持*/
	animation: gallerymodule07link-animeline 0.6s cubic-bezier(0.19, 1, 0.22, 1); -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards;/*実行後のスタイルの維持*/
}
@-webkit-keyframes gallerymodule07link-animeline { 0% { width:0;} 100% {width:70px;} }
@keyframes gallerymodule07link-animeline { 0% {  width:0;} 100% { width:70px;} }

@media screen and (max-width : 991px){
	.gallery-module-07 .flex-control-nav { height: 215px; }
	.gallery-module-07 .flex-control-paging li a.flex-active:before{
		-webkit-animation: gallerymodule07link-animelineSP 0.6s cubic-bezier(0.19, 1, 0.22, 1);-webkit-animation-fill-mode:forwards; animation-fill-mode:forwards;/*実行後のスタイルの維持*/
		animation: gallerymodule07link-animelineSP 0.6s cubic-bezier(0.19, 1, 0.22, 1); -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards;/*実行後のスタイルの維持*/
	}
	.gallery-module-07 .flex-control-nav { top:0; margin-top:0; right: -8px; }
	.gallery-module-07 .flex-control-paging li a{padding:20px 15px 20px 25px;}
	.gallery-module-07 .flex-control-paging li a:after{ font-size:4vw;}
	.gallery-module-07 .flex-control-paging li a::before { right:20px;}
	.gallery-module-07 .flex-control-paging li a.flex-active{ padding-right:70px !important;}
	
}
@-webkit-keyframes gallerymodule07link-animelineSP { 0% { width:0;} 100% {width:40px;} }
@keyframes gallerymodule07link-animelineSP { 0% {  width:0;} 100% { width:40px;} }

@media screen and (max-width : 479px){	
	.gallery-module-07 .flex-control-nav { height: 140px; }
	.gallery-module-07 .flex-control-paging li a{padding:15px 15px;}
}

/*右矢印ボタン【flex-direction-nav】*/
.gallery-module-07 .flex-direction-nav .flex-prev { display:none; }
.gallery-module-07 .flex-direction-nav .flex-next,
.gallery-module-07 .flexslider:hover .flex-next {
	filter: alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; top: auto;
	/*詳細設定*/
	bottom:5%;
	width:120px;
	height:80px;
	right: -120px !important;
}
.gallery-module-07 .flex-direction-nav a.flex-next:before{top:35px; right:39px; height:11px; width:11px; border:1px solid #333; content:''; display:block; border-left-width:0; border-top-width:0; border-bottom-width:0;  transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg); position:absolute;}
.gallery-module-07 .flex-direction-nav a.flex-next:after{ top:40px; right:37px; height:1px; width:45px;content:''; display:block; background:#333; position:absolute;}
@media screen and (max-width : 1199px){
	.gallery-module-07 .flex-direction-nav .flex-next,
	.gallery-module-07 .flexslider:hover .flex-next { bottom:0; }
}
@media screen and (max-width : 991px){
	.gallery-module-07 .flex-direction-nav .flex-next,
	.gallery-module-07 .flexslider:hover .flex-next {
		-ms-transform: scale(0.8); -webkit-transform: scale(0.8); transform: scale(0.8);
		filter: alpha(opacity=100); -moz-opacity:1.0; opacity:1.0;
		right:-13px !important; bottom:-10px;
		background-color:#FFFFFF;
	}
	.gallery-module-07 .flex-direction-nav a.flex-next:before{ right:27px;}
	.gallery-module-07 .flex-direction-nav a.flex-next:after{ right:25px;}
}

@media screen and (max-width : 479px){
	.gallery-module-07 .flex-direction-nav .flex-next,
	.gallery-module-07 .flexslider:hover .flex-next {
		-ms-transform: scale(0.5); -webkit-transform: scale(0.5); transform: scale(0.5);
		right:-30px !important; bottom:-20px;
	}
	.gallery-module-07 .flex-direction-nav a.flex-next:before{ right:38px;}
	.gallery-module-07 .flex-direction-nav a.flex-next:after{ right:35px;}
}


/* ****************************************************
  アバウトモジュール08【.about-module-08】
***************************************************** */

.about-module-08{ position:relative;}

.about-module-08 h3{ letter-spacing: 0.1rem; margin-bottom:8px;}
.about-module-08 .more-btn .p1-EN{ line-height: 20px;}

.about-module-08 .more-btn a:hover .icon-box{ width:35px;}

@media screen and (max-width : 1199px){
	.about-module-08 .heading4 br{ display:none;}
}
@media screen and (max-width : 767px){
	.about-module-08 .more-btn .p1-EN{ font-size:0.5rem;}
	.about-module-08{ padding-top:120px !important;}
	
	.about-module-08 .heading4{ font-size:1.25rem;}
}

@media screen and (max-width : 479px){
	.about-module-08{ padding-top:60px !important;}
	.about-module-08 .heading4{ font-size:1.15rem; line-height:2.0;}
}


/* ****************************************************
  アバウトモジュール09【.about-module-09】
***************************************************** */

.about-module-09{ position:relative;}
.about-module-09 .wrapper{ padding-top:170px; margin-bottom:140px;}

.about-module-09 h2{ margin-bottom:80px; }
.about-module-09 h2 img{ width:38vw; height:auto;}
.about-module-09 .heading1{ font-size:2.95vw !important; line-height:1.3;}
.about-module-09 .effect_wrp{ line-height:1.3;}
.about-module-09 .mv-scroll > .flexbox{ height: 100vh; margin-top: -200px; }
.about-module-09 .separate-w-m{ width: 7vw; vertical-align: bottom !important; }

@media screen and (min-width : 1440px){
	.about-module-09 .wrapper{margin-bottom:180px;}
	.about-module-09 h2 img{ height:auto; max-width:720px;}	
	.about-module-09 .heading1{ font-size:2.55vw !important;}
}

@media screen and (max-width : 1199px){
	.about-module-09 .wrapper{margin-bottom:110px;}
	.about-module-09 h2{ margin-bottom:50px; }
	.about-module-09 .separate-w-m{vertical-align: inherit !important; }
}
@media screen and (max-width : 767px){
	.about-module-09 .wrapper{ padding-top:260px;}
	.about-module-09 h2{ margin-bottom:30px; }
	.about-module-09 h2 img{ width:62vw; height:auto;}
	.about-module-09 .heading1{ font-size:5.2vw !important;}
	.about-module-09 .mv-scroll > .flexbox{ margin-top: -90px; }

}

@media screen and (max-width : 479px){
	.about-module-09 .wrapper{ padding-top:220px; margin-bottom:70px;}
	.about-module-09 h2{ margin-bottom:15px !important; }
	.about-module-09 h2 img{ width:70vw; height:auto;}
	.about-module-09 .heading1{ font-size:6.5vw !important;}
	.about-module-09 .direction-column-tb .margin-b-l{ margin-bottom:10px !important;}

}


/* ****************************************************
  アバウトモジュール10【.about-module-10】
***************************************************** */

.about-module-10{ position:relative;}

.about-module-10 h3{ letter-spacing: 0.1rem;}

.about-module-10 .padding-tb-xl{ padding-top:160px !important; padding-bottom:160px !important;}


@media screen and (max-width : 767px){
	.about-module-10 .padding-tb-xl{ padding-top:120px !important; padding-bottom:120px !important;}
}

@media screen and (max-width : 479px){
	.about-module-10 .padding-tb-xl{ padding-top:80px !important; padding-bottom:80px !important;}
	.about-module-10 .position-inner-center > div{ width:100%;}
}

/* ****************************************************
  詳細ページモジュール05【.detail-module-05】
***************************************************** */

.detail-module-05{ position:relative;}

.detail-module-05 .txt-box{ padding-left: 50px; max-width:820px;}
.detail-module-05 .flex-md-6 .txt-box{ max-width:550px; }
.detail-module-05 .wrapper{ padding:160px 65px !important; }


@media screen and (min-width : 2559){
	.detail-module-05 .flex-md-6 .txt-box{ max-width:650px; }
}

@media screen and (max-width : 1199px){
	.detail-module-05 .wrapper{ padding-top:140px !important; padding-bottom:140px !important;}
}

@media screen and (max-width : 767px){
	.detail-module-05 .wrapper{ padding-top:120px !important; padding-bottom:120px !important;}
}
@media screen and (max-width : 479px){
	.detail-module-05 .wrapper{ padding-top:80px !important; padding-bottom:80px !important;}
}


/*ストーリーエリア*/
.detail-module-05 .story-wrp .icon-txt { display: inherit; margin-top: 350px; }
.detail-module-05 .story-wrp .icon-txt .p1-EN { min-width: 80px; margin-top:2px;}
.detail-module-05 .story-wrp .flexbox > div { word-break: normal !important; }
.detail-module-05 .story-wrp .icon-box{ width:74px;}
.detail-module-05 .story-wrp .icon-box:before{ border-color:#FFFFFF;}
.detail-module-05 .story-wrp .icon-box:after{ background-color: #FFF;}
.detail-module-05 .story-wrp ul{ letter-spacing:0.1rem; margin-top:100px;}

@media screen and (max-width : 1199px){
	.detail-module-05 .story-wrp{max-width: 16.6667%;}
	.detail-module-05 .minsizeBox-h-xl{ min-height:580px;}
	.detail-module-05 .padding-r-m{ padding:0 !important;}
	.detail-module-05 .txt-box{ padding-left:0px;}
	/*.detail-module-05 .txt-box .justify br{ display:none;}*/
	.detail-module-05 .flex-md-10 .txt-box{ max-width:600px; }
}


@media screen and (max-width : 767px){
	.detail-module-05 .story-wrp{max-width: 25%;}
	.detail-module-05 .story-wrp .icon-txt { margin-top: 200px; }
	.detail-module-05 .story-wrp .icon-txt .p1-EN { min-width: 60px; }
	.detail-module-05 .minsizeBox-h-xl{ min-height:480px;}
	/*.detail-module-05 .thum-box{ height:45vh;}*/
	.detail-module-05 .txt-box { max-width: 100%;}
}

@media screen and (max-width : 479px){
	.detail-module-05 .story-wrp{max-width: 16.6667%;}
	.detail-module-05 .story-wrp .icon-txt { margin-top: 150px; }
	.detail-module-05 .minsizeBox-h-xl{ min-height:400px;}
	.detail-module-05 .wrapper{ padding:80px 30px !important;}
}

/*
#####################################################################

	共通指定
	
#####################################################################
*/

/* ****************************************************
  共通指定
***************************************************** */

.title,
.footer-suvArea{ padding-bottom:195px; padding-top:175px; }

.footer-suvArea .link.margin-b-xs{ margin-bottom:30px !important;}

@media screen and (max-width : 767px){
	.title,
	.footer-suvArea{ padding-bottom:130px; padding-top:110px; }
}

@media screen and (max-width : 479px){
	.title,
	.footer-suvArea{ padding-bottom:90px; padding-top:70px; }
}

/* ****************************************************
  タイトル【.title】
***************************************************** */

.title h2{ letter-spacing:1.0rem !important; display:inline-block; position:relative; margin-right:-30px;}
.title h2:before{
	content:''; display:block; position:absolute; background-color:currentcolor;
	width:65px; height:3px; margin-right:-24px;
	bottom:-70px; right:50%;
}

.title.active h2:before{ bottom:-22px; }

@media screen and (max-width : 767px){
	.title h2{ margin-right:-15px;}
}

@media screen and (max-width : 479px){
	.title h2:before{ width:50px; margin-right:-20px; bottom:-15px }
}

/* ****************************************************
  フッターサブエリア【.footer-suvArea】
***************************************************** */

.footer-suvArea{}

@media screen and (max-width : 767px){
	.footer-suvArea{ padding-bottom:160px; }
	.footer-suvArea .separate-w-m{ display:none;}
}

@media screen and (max-width : 479px){
	.footer-suvArea{ padding-bottom:130px; padding-top:80px;}
}

/*
#####################################################################

	トップ【#TOP】
	
#####################################################################
*/

#TOP{}


/*
#####################################################################

	ワークス【#WORKS】
	
#####################################################################
*/

#WORKS{}

/* ****************************************************
  一覧【.list】
***************************************************** */

#WORKS.list .firstview-module-05{ min-height: 200px;}

@media screen and (max-width : 767px){
	#WORKS.list .firstview-module-05{ min-height: 90px; background-color:#FFFFFF;}
}

@media screen and (max-width : 479px){
	#WORKS.list .firstview-module-05{ min-height: 70px;}
}

/* ****************************************************
  詳細【.detail】
***************************************************** */

#WORKS.detail{}

#WORKS.detail .story .tatenaga-img img{ margin-bottom:-1px;}/*縦長画像の1pxズレ対策*/

/*ギャラリー*/
#WORKS.detail .swipe_container {}



/*
#####################################################################

	アバウト【#ABOUT】
	
#####################################################################
*/

#ABOUT{}

#ABOUT .firstview-module-05{ min-height: 200px;}

#ABOUT .footer-suvArea .p1-EN.small4{ letter-spacing:0.1rem;}

@media screen and (max-width : 767px){
	#ABOUT .footer-suvArea .p2-EN{ margin-bottom:35px;}
	#ABOUT .firstview-module-05{ min-height: 90px; background-color:#FFFFFF;}
}

@media screen and (max-width : 479px){
	#ABOUT .firstview-module-05{ min-height: 70px;}
}

/*
#####################################################################

	コンタクト【#CONTACT】
	
#####################################################################
*/

#CONTACT{}

